@import '../../../../common/variables.less';

.visualComponents_theme_light{
  .el-radio{
    line-height: 1;
  }
}

.visualComponents_theme_dark{
  .el-radio {
    color: @switchOnBgColor;
    line-height: 1;
    &.is-bordered{
      border: 1px solid #fff;
    }
    &.is-bordered.is-checked{
      border: 1px solid #409EFF;
    }
  }
  .el-radio__input.is-checked+.el-radio__label{
    color: @font_color_active_dark;
  }
  .el-radio__label{
    color: #fff;
  }
  .el-radio-button__inner {
    color: @text_color_dark;
    background-color: @btn_cancel_bg_color_dark;
    border-color: transparent
  }
  .el-radio-button:first-child .el-radio-button__inner{
    border-left: 1px solid transparent;
  }
  .el-radio-button__original-radio:checked+.el-radio-button__inner {
    color: #fff;
    background-color: @btn_primary_bg_color_dark;
    -webkit-box-shadow: -1px 0 0 0 transparent;
    box-shadow: -1px 0 0 0 transparent;
  }

  .el-radio__input .el-radio__inner{
    border: 1px solid @droplist_scrollbar_color_dark;
    background-color: unset;
    &:after{
      background-color: @droplist_scrollbar_color_dark;
    }
  }


}